<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>广东移动欢乐享礼包</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="stylesheet" href="https://static.91haoka.cn/vant.css"/>
        <script src="https://static.91haoka.cn/vue.min.js"></script>
        <script src="https://static.91haoka.cn/vantall.js"></script>
        <script src="https://static.91haoka.cn/axios.min.js"></script>
		
     </head>
    <style type="text/css">
		*{ box-sizing: border-box; font-family:'PingFang SC'; font-size: 14px; margin: 0; pad: 0;}
		.van-checkbox__icon .van-icon{ border: 1px #e95733 solid; }
    </style>
	<body>
        <div id="app" style="background: #F1F1F1; min-height: 100vh; position: relative;" v-cloak>
			<img src="img/cailing.jpg" style="width: 100%; display: block;">
			<div style="position: absolute; left: 0.5rem; top: 11.5rem; height: 3.7rem; width: 6.5rem; padding:0.3rem 0.1rem; ">
				<div style="background: #fff; border-radius: 0.2rem; height: 1rem; overflow: hidden; display: flex; line-height: 1rem; align-items: center;">
					<van-field v-model="value" placeholder="请输入手机号码" />
				</div>
				<div @click="banli" style="background: #e95733; color: #fff; width: 4rem; text-align: center; line-height: 0.9rem; border-radius: 0.1rem; font-size: 0.35rem; margin: 0.2rem auto;">
					立即办理
				</div>
				<div style="display: flex; align-items: center; padding: 0 0.2rem;">
					<div style="margin-right: 0.2rem;"><van-checkbox v-model="checked" shape="square" checked-color="#e95733" style="font-size: 12px;"></van-checkbox></div>
					<div style="color: #760e0f; font-size: 0.23rem; line-height: 0.4rem;">
						请您仔细阅读
						<span style="font-size: 0.23rem; font-weight: bold;" @click="log1 = true">《活动规则》</span>
						<span style="font-size: 0.23rem; font-weight: bold;" @click="log2 = true">《用户信息隐私协议》</span>
						<span style="font-size: 0.23rem; font-weight: bold;" @click="log3 = true">《解约条款》</span>，确认办理则表示同意本活动的规则
					</div>
					
				</div>
			</div>
			<div style="background: #fe9067; color: #fff; line-height: 0.4rem; text-align: center; padding: 0.2rem 0 2rem;">
				<div>客服电话:17278572916</div>
				<div>服务时间:9:00-21:00</div>
			</div>
			<div @click="fanhui" v-if="xianshi" style="position: fixed; bottom: 0.5rem; left: 1.75rem; background: #e95733; color: #fff; width: 4rem; text-align: center; line-height: 0.9rem; border-radius: 0.1rem; font-size: 0.35rem; margin: 0.2rem auto;">
				立即办理
			</div>
			<van-popup v-model="log1" style="width: 90%; max-height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px;">
					<div style="font-size: 16px; text-align: center;">《活动规则》</div>
					尊敬的用户：</br>
					根据《中华人民共和国反恐怖主义法》、《全国人 民代表大会常务委员会关于加强网络信息保护的决 定》、《电信和互联网用户个人信息保护规定》
					（工业和信息化部令第24号）和《电话用户真实 身份信息登记规定》（工业和信息化部令第25 号）等国家法律法规的要求，客户在中国电信公司 各类营业网点（含自有营业厅、手机营业厅、网上
					营业厅、授权合作代理商等）办理固定电话、
					移动电话（含无线上网卡）入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效证件原件并进行查验、登记，登记信息包括姓名、证件类型、号码及地址等。同时，为更好地提供服务，需要客户提供如联系人、
					联系电话、通信地址、电子邮箱等信息。客户本人持有效证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。
					如客户拒绝依法提供个人有效证件及真实信息，我公司有权不提供服务或终止服务。为向客户提供优质、
					个性化的服务，包括但不限于提供通信服务、保障通信服务安全、改善服务质量、推介个性化产品等，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，
					非因下列事由，不对外泄露客户个人信息∶（a）事先获得客户的明确授权;（b）根据有关的法律法规要求; （c）按照相关司法机关和/或政府主管部门的要求;
					（d）为维护社会公众的利益所必需且适当;（e）为维护我公司或客户的合法权益所必需且适当。
				</div>
			</van-popup>
			<van-popup v-model="log2" style="width: 90%; max-height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px;">
					<div style="font-size: 16px; text-align: center;">《用户信息隐私协议》</div>
					尊敬的用户：</br>
					根据《中华人民共和国反恐怖主义法》、《全国人 民代表大会常务委员会关于加强网络信息保护的决 定》、《电信和互联网用户个人信息保护规定》
					（工业和信息化部令第24号）和《电话用户真实 身份信息登记规定》（工业和信息化部令第25 号）等国家法律法规的要求，客户在中国电信公司 各类营业网点（含自有营业厅、手机营业厅、网上
					营业厅、授权合作代理商等）办理固定电话、
					移动电话（含无线上网卡）入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效证件原件并进行查验、登记，登记信息包括姓名、证件类型、号码及地址等。同时，为更好地提供服务，需要客户提供如联系人、
					联系电话、通信地址、电子邮箱等信息。客户本人持有效证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。
					如客户拒绝依法提供个人有效证件及真实信息，我公司有权不提供服务或终止服务。为向客户提供优质、
					个性化的服务，包括但不限于提供通信服务、保障通信服务安全、改善服务质量、推介个性化产品等，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，
					非因下列事由，不对外泄露客户个人信息∶（a）事先获得客户的明确授权;（b）根据有关的法律法规要求; （c）按照相关司法机关和/或政府主管部门的要求;
					（d）为维护社会公众的利益所必需且适当;（e）为维护我公司或客户的合法权益所必需且适当。
				</div>
			</van-popup>
			<van-popup v-model="log3" style="width: 90%; max-height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px;">
					<div style="font-size: 16px; text-align: center;">《解约条款》</div>
					尊敬的用户：</br>
					根据《中华人民共和国反恐怖主义法》、《全国人 民代表大会常务委员会关于加强网络信息保护的决 定》、《电信和互联网用户个人信息保护规定》
					（工业和信息化部令第24号）和《电话用户真实 身份信息登记规定》（工业和信息化部令第25 号）等国家法律法规的要求，客户在中国电信公司 各类营业网点（含自有营业厅、手机营业厅、网上
					营业厅、授权合作代理商等）办理固定电话、
					移动电话（含无线上网卡）入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效证件原件并进行查验、登记，登记信息包括姓名、证件类型、号码及地址等。同时，为更好地提供服务，需要客户提供如联系人、
					联系电话、通信地址、电子邮箱等信息。客户本人持有效证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。
					如客户拒绝依法提供个人有效证件及真实信息，我公司有权不提供服务或终止服务。为向客户提供优质、
					个性化的服务，包括但不限于提供通信服务、保障通信服务安全、改善服务质量、推介个性化产品等，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，
					非因下列事由，不对外泄露客户个人信息∶（a）事先获得客户的明确授权;（b）根据有关的法律法规要求; （c）按照相关司法机关和/或政府主管部门的要求;
					（d）为维护社会公众的利益所必需且适当;（e）为维护我公司或客户的合法权益所必需且适当。
				</div>
			</van-popup>
        </div>

       
        <script>
            var h = document.documentElement.clientWidth / 7.5 + 'px';
                document.documentElement.style.fontSize = h;

            
            new Vue({
                el: '#app',
                data: function() {
                	return {
                       value:"",
					   checked:false,
					   xianshi:false,
					   log1:false,
					   log2:false,
					   log3:false
                	}
                },
                created(){
					
                },
                mounted () {
                   document.addEventListener('scroll',this.scrollToTop)
                },
                methods:{
					banli:function(){
						if(!this.value || this.value.length != 11){
							vant.Toast("请输入正确手机号码");
							return false
						}
						if(!this.checked){
							vant.Toast("请阅读并同意协议");
							return false
						}
						vant.Toast("办理！");
					},
					fanhui:function(){
						window.scrollTo(0, document.documentElement.clientWidth / 7.5 * 10);
					},
					scrollToTop() {
						var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body
							.scrollTop;
								
						if (scrollTop > 1000) {
							this.xianshi = true
						} else {
							this.xianshi = false
						}
					},
                }
            });

  
        </script>
	</body>
</html>
